<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			{{msg}}
		</div>
	</body>
	<script>
		//创建Vue对象，给这个对象设置参数el、data，准备数据、
		
		// var data = {
		// 	msg : "我爱地安门",
		// 	info: "要带口罩"
		// }
		// var para = {
		// 	el: "#app",		//挂载 element
		// 	data : data		//数据，对象
		// }
		// var vm = new Vue(para)
		
		//都是匿名函数写法，安全
		new Vue({
			el: "#app",
			// data: function(){		//函数格式
			// 	return {
			// 		msg: "我爱天安门3"
			// 	}
			// }
			// //es6 标准函数格式
			// data(){		//data既是咱们变量，也是函数名称
			// 	return {
			// 		msg: "我爱天安门4"
			// 	}
			// }
			data:{		//对象格式，最常用的
				msg: "我爱天安门"
			}
		})
	</script>
</html>
